<template>
  <view>
    <text selectable>1111</text>
    <scroll-view>111111111</scroll-view>
    <swiper class="swiper" indicator-dots indicator-color="red" indicator-active-color="black">
      <swiper-item class="swiper-item">11111</swiper-item>
      <swiper-item  class="swiper-item">2222</swiper-item>
      <swiper-item  class="swiper-item">3333</swiper-item>
      <swiper-item  class="swiper-item">4444</swiper-item>
      <swiper-item  class="swiper-item">5555</swiper-item>
    </swiper>
  </view>

</template>

<script>
export default {
  data() {
    return {};
  }
}
</script>

<style >
.swiper{
  width: 100%;
}
.swiper-item{
  background: #4cd964;
}
</style>
